/* CSS Document */
*{text-overflow: ellipsis;
/*去掉移动端点击阴影方块*/
-webkit-tap-highlight-color:transparent;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);}
html,body{ height:100%; width:100%;    position: relative;}
body{
	margin: auto; background-color:#FFFFFF;
  font-size: 14px;
  font-family: -apple-system-font, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei UI', 'Microsoft YaHei', sans-serif, Arial;
  color: #666666;
  line-height: 1.5;
 min-width:1200px; overflow-x:hidden; padding:0px;
}

body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,button,textarea,p,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{ margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px;}
p{margin-top:10px;}
:focus{outline:none;}/*聚焦边框样式取消*/
table{
border-collapse: collapse;
}
a{
color: #000000;
text-decoration: none;	text-decoration: none;-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s;
}
a:hover{
	color:#1651B9;
}
img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
img[align="left"]{ margin-right:10px;}
img[align="right"]{ margin-left:10px;}
ul,li,p,dl,dt{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div,span{text-overflow: ellipsis;}
.clear{ clear:both}

/*垂直居中*/
.center{ display: flex;
    justify-content:center;
    align-items:center;}
/*图片放大*/
.fd img{    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;}
.fd:hover img{    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);}

.fl{ float:left}
.fr{ float:right}

.xuanzhuan{
 -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 10s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 10s;
    -webkit-animation: rotate 30s linear infinite;
    -moz-animation: rotate 30s linear infinite;
    -o-animation: rotate 30s linear infinite;
    animation: rotate 30s linear infinite;
}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}
.box{ width:1420px; margin:auto; position:relative;}
#top{margin-bottom:20px;margin-top:20px; }
#top .logo{ max-width:48.5%; display: flex;
    justify-content:center;
    align-items:center; min-height:45px;}

#top *{ max-width:100%;}
#top .logo+.fr{ width:50%;}
#top .logo+.fr form{ float:right; max-width:calc(100% - 250px);}
#top input{  border: solid 2px #1651B9;padding-right: 15px;
padding-left: 15px;
font-size: 12px; height:38px; float:left; border-right:none; width:250px; max-width:calc(100% - 120px); 
}
#top input::placeholder{color:#cccccc;}
#top  button{ background-color:#FFFFFF; float:left; 
	background-image: url(searchbtn.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 42px;
	width: 69px; padding-left:10px; border:none;border: solid 2px #1651B9;border-left:none; color:#FFFFFF;
}
#top  button span{ font-size:22px;}
#top .tel{
	background-image: url(tel.png);
	background-repeat: no-repeat;
	background-position: left center; background-size:40px; padding-left:50px; line-height:1.5; margin-left:50px;
}
#top .tel .t1{text-align: left;
font-size: 14px;
color: #666666;}
#top .tel .t2{font-size: 22px;
color: #1651B9; font-weight:bold;}
#top.fixed+.nav{ position:fixed; left:0; z-index:99; top:0; float:left; width:100%;}
.nav{ background-color:#1651B9; line-height:70px;}
.nav .box{ position:relative; width:1250px;}

.nav .box>div{ width:100%;}
.nav .box>.wx{
	position:absolute;
	top:0;
	right:0;
	background-color:#0E44A4;
	color:#FFFFFF;
	 z-index:2;width:180px; text-align:center;display:block;
}
.nav .box>.wx>font{background-image: url(wx.png);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-left: 0px; display:inline-block; padding-left:30px; position:relative; padding-right:15px;}
.nav .box>.wx>font:after{
	content:'';
	background-image: url(v.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 10px;
	width: 10px; position:absolute; top:50%; right:0; z-index:2; margin-top:-5px;
}	
.nav .box>.wx .img{ position:absolute; top:70px; left:0; width:100%; z-index:2; background-color:#FFFFFF; display:none }
.nav .box>.wx:hover .img{ display:block;}
.nav .box>.wx .img *{ max-width:100%;}
.nav .box>div>ul{ display:table; width:100%;}
.nav .box>div>ul>li{ display:table-cell; text-align:center; font-size:16px; position:relative;}
.nav .box>div>ul>li>a{ color:#ffffff; display:block; margin-left:1px; margin-right:1px; font-size:18px;}
.nav .box>div>ul>li ul{ position:absolute; line-height:30px; top:70px; left:0; width:100%; background-color:#FFFFFF; z-index:2; /*box-shadow:0 0 5px #999999;*/border-radius:5px; display:none; font-size:14px; padding-bottom:5px;}
.nav .box>div>ul>li ul li a{
	display:block;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
}
.nav .box>div>ul>li ul li a:hover{ background-color:#f7f7f7;}

.nav .box>div>ul>li ul ul{ left:100%; width:120%; top:0; font-size:12px;}
.nav .box>div>ul>li.hover>a,.nav .box>div>ul>li.active>a,.nav .box>div>ul>li:hover>a{color:#1651B9; background-color:#ffffff; }
.nav .box>div>ul li:hover>ul{ display:block;}

.flash{ clear:both; float:left; width:100%; position:relative;}
.flash img{ max-width:100%; min-width:100%;}
.flash .swiper-button-prev,.flash .swiper-button-next{ background-color:rgba(0,0,0,0.1); width:50px; text-align:center; padding:10px; border-radius:5px; box-sizing:border-box;--swiper-theme-color:#ffffff; --swiper-navigation-size:28px;height:50px;}
.flash .swiper-button-prev:hover,.flash .swiper-button-next:hover{background-color:rgba(0,0,0,0.3);}

#foot{
	background-image: url(foot.png);
	background-repeat: no-repeat;
	background-position: center top; float:left; width:100%; clear:both; background-size:100% 100%; margin-top:50px;
}
#foot,#foot a{ color:#c1c1c1;}
#foot .foot{ float:left; width:100%; padding-top:50px; padding-bottom:20px;}
.fnav{ float:left; width:calc(100% - 400px);}
.fnav>ul{ display:table; width:100%; font-size:18px; }

.fnav>ul>li{ display:table-cell;}
#foot .fnav>ul>li>a{ color:#e8e8e8; position:relative; display:block;}
#foot .fnav>ul>li>a:before{
	content:'';
	position:absolute;
	left:-45px;
	top:50%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666; z-index:1; width:35px;
}
#foot .fnav>ul>li>a:hover{ color:#FF9900;}
.fnav>ul>li{ padding-left:45px;}
.fnav>ul>li ul{ font-size:16px;}
.fnav>ul>li>ul{ padding-top:10px;}

#foot .fnav>ul>li>ul a{ display:block; padding-top:3px; padding-bottom:3px;}
#foot .fnav>ul>li>ul a:hover{color:#1651B9;}
.copy{
	clear:both;
	text-align: center;
	margin-top: 20px;
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666; padding-bottom:20px; float:left; width:100%; font-size:12px;
}
#foot .copy,#foot .copy a{color: #657180;}
.flx{ color:#FFFFFF;float:right; max-width:360px; font-size:18px;}

.about{
	padding-top:150px;
	padding-bottom:100px;
	float:left;
	width:100%;
	clear:both;
	background-image: url(aboutbg.png);
	background-repeat: repeat;
}
.postion +.about{ margin-top:-30px; padding-top:80px; padding-bottom:80px;}
.postion +.about .more{ display:none}
.about .h2{font-size: 130px;
white-space: normal;
color: #f1f1f1;
font-family: Arial;
line-height: 105px; font-weight:bold;}
.about .h1{font-size: 27px; color:#000000; font-weight:bold; padding-top:20px;}
.about .econtent{ font-size:16px; color:#555555; clear:both; line-height:2; padding-top:30px;}
.about .img{ position:absolute; right:0; top:0;}

.about .box{ padding-right:45%;box-sizing:border-box; min-height:588px;}
.about .more{ padding-top:30px;}
.about .more a,.pro .more a{width:70px;height:70px;background:#1651B9;text-align:center;line-height:72px;font-size:60px;color:#FFFFFF; display:inline-block;}


.pro{
	clear:both;
	padding-top:100px;
	padding-bottom:100px;
	background-image: url(probg.png);
	background-repeat: no-repeat;
	background-position: center center; background-size:100% 100%;
}
.pro .h2{font-size: 64px;
font-family: Arial Black;
line-height: 60px; font-weight:bold;}
.pro .h1{
	font-size: 40px;
	line-height: 40px;
	background-image: url(proline.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 150px;
}
.pro .etitle{color: #333333;
writing-mode: vertical-rl; float:left;}
.pro .econtent{ float:right; width:calc(100% - 160px); background-color:#FFFFFF; padding:10px; box-shadow:0 0 5px #999999; border-radius:5px;}
.pro .tab{ text-align:center;}
.pro .tab ul{ display:table; width:100%; line-height:50px;}
.pro .tab ul li{ display:table-cell; font-size:21px;color: rgba(33,33,33,1);}
.pro .tab ul li span{  display:block; margin-left:5px; margin-right:5px;
border:solid 1px rgba(179,179,179,1);
}

.pro .tab ul li.hover span{background-color:#1651B9; color:#FFFFFF;border:solid 1px #1651B9;}

.pro  .swiper-container{ clear:both; margin-top:10px; overflow:hidden; margin-left:5px; margin-right:5px;}
.pro .picli{  margin-top: 9.811554447215295%;
  margin-left: 13.217236044004565%;
  margin-right: 0%;
  margin-bottom: 0;
}
.pro .picli .img{ float:left; width:40%;}
.pro .picli .img *{ max-width:100%;}
.pro .picli .right{ float:right; width:48%;}
.pro .picli .right .title{font-size: 24px;
color: #1651B9;}
.pro .picli .right .dp{ font-size:16px; color:#333333; margin-top:30px; line-height:2;}
.pro .picli .right .more{ margin-top:30px;}

.tv{ background-color:#F6F6F6; float:left; clear:both; width:100%; padding-top:80px; padding-bottom:80px;}
.tv .etitle{ line-height:1; }
.tv .etitle .h2{
	color:#333333;
	font-size:64px;
	font-weight: bold; padding-bottom:15px;
}
.tv .etitle .h1{ color:#333333; font-size:40px;}
.tv .econtent{ clear:both; padding-top:50px; float:left; width:100%;}
.tv .econtent .tvli{ float:left; width:24%; margin-left:calc(4%/3); overflow:hidden;}
.tv .econtent .tvli:nth-child(4n+1){ clear:both; margin-left:0;}
.tv .etitle .more{
	float:right;
	background-image: url(tvmore.png);
	background-repeat: no-repeat;
	background-position: center center; height:120px; width:120px; background-size:100%;
}

.news{ clear:both; padding-top:100px; padding-bottom:100px;}
.news .etitle{ position:relative; margin-bottom:30px;}
.news .etitle .sort{ position:absolute; right:0; bottom:0; line-height:40px;}
.news .etitle .sort a{
	display:inline-block;
	margin-left:15px;
	padding-left:50px;
	padding-right:50px;
	border: 1px solid #B6B6B6;border-radius:20px; font-size:18px;
}
.news .etitle .sort a:hover{ background-color:#1651B9; color:#ffffff;border: 1px solid #1651B9;}
.news .etitle .h2{font-size: 64px;
font-family: arial black, avant garde;
color: rgb(51, 51, 51);}
.news .etitle .h1{font-size: 40px;
color: rgb(51, 51, 51);}

.news *{ max-width:100%;}
.news .econtent{ clear:both;}
.news .left{ float:left; width:64%;}

.news .picli{ float:left; width:48%; margin-right:2%; border-radius:0 0 3px 3px; overflow:hidden; -webkit-transition: all .36s ease;
  transition: all .36s ease;}
.news .picli:hover{ background-color:#ffffff;box-shadow:0 0 5px rgba(200,200,200,0.8);}
.news .picli .img{ overflow:hidden; max-height:310px; min-height:310px; }
.news .picli .img img{ width:100%;max-height:310px; min-height:310px;}
.news .picli .right{ padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:20px;}
.news .picli .right .ntitle{font-size: 21px;color: rgba(51, 51, 51,1);}
.news .picli .right .time{font-size: 19px;
color: #666;
margin-top: 5px;}
.news .picli .right .dp{color: rgb(102,102,102,1); font-size:16px; margin-top:18px; max-height:3em; overflow:hidden;}
.news .picli .right .more{ margin-top:15px; height:20px; position:relative;}
.news .picli .right .more:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: -40px;
  top: 0;
  width: 54px;
  height: 16px;
  background: url(line.png)no-repeat center center !important;
  -webkit-transition: all .36s ease;
  transition: all .36s ease;
  opacity: 0;
}

.news .picli .right .more:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 28px;
  background: url(vbg01.png) -23px -324px;
  -webkit-transition: all .36s ease;
  transition: all .36s ease;
}
.news .picli:hover .right .more:after { left:0;opacity: 1;}
.news .picli:hover .right .more:before {left: -40px;opacity:0;}
.news .rights{
	float:right;
	width:34%;
	background-image: url(newsright.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 40px;box-sizing:border-box;
}

.news .rights .li a{padding:10px; display:block;border-bottom: 1px solid #ececec; padding-bottom:28px;}
.news .rights .li{  padding:10px;}
.news .rights .li .time{margin-left: 0px;
font-size: 16px;
color: #777;
margin-bottom: 10px;margin-bottom: 10px;}
.news .rights .li .ntitle{font-size: 19px;
color: rgba(51, 51, 51,1);
text-align: left;}
.news .rights .li .dp{
	font-size: 16px;
	color: #777;
	margin-top: 18px;
	line-height: 1.7;
	white-space: nowrap;
	overflow: hidden;
}
.news .rights .li:hover .ntitle{color:#1651B9;}

.case{
	background-image: url(case.jpg);
	background-repeat: no-repeat;
	background-position: center top; background-size:100% 100%; padding-top:100px; padding-bottom:100px; clear:both;
}
.case .etitle{ float:left; width:41.66%; max-width:calc(100% - 650px);}
.case .h1{font-size: 40px;
color: #FFFFFF; font-weight:bold;}
.case .dp{font-size: 16px;
color: #FFFFFF;
white-space: initial;
word-break: break-all;
word-wrap: break-word;margin-top: 4.631217838765009%;}
.case .more{ padding-top:30px;}
.case .more a{width:70px;height:70px;background:#1651B9;text-align:center;line-height:72px;font-size:60px;color:#FFFFFF; display:inline-block;}
.case .econtent{ float:right;width:600px;}
.case .econtent .ul{ background-color:#1651B9; width:590px; min-height:590px;max-height:590px;position:relative;margin:20px; border-radius:100%;}
.case .econtent .ul .zhong{text-align:center;position:absolute;left:50%;top:50%;z-index:10; margin-top:-107.5px; margin-left:-107.5px; background-color:#ffffff; width:215px; height:215px; border-radius:100%;box-shadow:0 0 8px #999999; display: flex;
    justify-content:center;
    align-items:center;}
.case .econtent .ul .zhong .t1{font-size:48px;color:#444;font-family:Arial Black;}
.case .econtent .ul .zhong .t2{font-size:32px;color:#444;}
.case .econtent .ul .item{font-size:19px;color:#fff;text-align:center;position:absolute;z-index:9; width:140px;}
.case .econtent .ul .item p{margin-top:20px;}
.case .econtent .ul .item1{left:22%;top:10%;}
.case .econtent .ul .item2{right:22%;top:10%;}

.case .econtent .ul .item3{right:5%;top:35%;}
.case .econtent .ul .item7{left:5%;top:35%;}
.case .econtent .ul .item4{right:10%;top:62%;}
.case .econtent .ul .item6{left:10%;top:62%;}
.case .econtent .ul .item5{left:43%;top:79%;}
.case .econtent .ul .item:hover:before{content:'';
position:absolute;
width: 393px;
height:468px;
background:url(yuanhover.png)no-repeat center center;
z-index:-1;}

.case .econtent .ul .item1:hover:before{
top: -157px;
left: -172px;
}


.case .econtent .ul .item2:hover:before{
top: -197px;
left: -188px;
transform: rotate(51deg);
}
.case .econtent .ul .item3:hover:before{
    top: -239px;
    left: -156px;
    transform: rotate(102deg);
}
.case .econtent .ul .item4:hover:before{
top: -237px;
    left: -123px;
    transform: rotate(154deg);
}
.case .econtent .ul .item5:hover:before{
top: -224px;
    left: -91px;
    transform: rotate(204deg);
}
.case .econtent .ul .item6:hover:before{
    top: -163px;
    left: -108px;
    transform: rotate(260deg);
}
.case .econtent .ul .item7:hover:before{
top: -160px;
left: -148px;
transform: rotate(311deg);
}

/*@media screen and (max-width:1280px){
.case .econtent .ul .item1:hover:before{
    top: -239px;
    left: -139px;
}
.case .econtent .ul .item2:hover:before{
top: -237px;
    left: -109px!important;
}
.case .econtent .ul .item3:hover:before{
    top: -153px!important;
    left: -119px!important;
}
.case .econtent .ul .item4:hover:before{
top: -160px;
    left: -164px!important;
}
}
*/


/*内页*/
.bannerin{
	/*min-height:350px;*/ height:18.23vw;
	background-repeat: no-repeat;
	background-position: center center;
}
.postion{ background-color:#F8F8F8; padding-bottom:10px; padding-top:10px; clear:both; font-size:14px; color:#333333; margin-bottom:30px;}
.postion span:last-child,.postion span:last-child a{ color:#1651B9;}
.postion b{ display:none;}
#left{ float:left; width:325px; clear:both; font-size:16px;}
#right{ float:right; width:calc(100% - 350px);}
.lxin .econtent{ font-size:16px; color:#333333; line-height:2;}

#left .title{
	background-color:#1651B9;
	color:#ffffff;
	font-size:23px;padding:10px;
	padding-left:20px; font-weight:bold; 
	
}
#left .leftdh,.lxin .econtent{
	border: 1px solid #eeeeee; background-color:#FFFFFF; box-sizing:border-box;
}
.lxin .econtent{ padding:10px;}
#left .title>div{background-image: url(navico1.png);
	background-repeat: no-repeat;
	background-position: right center;}
.lxin{ margin-top:30px;}
#left .lxin .title>div{background-image: url(navico2.png);}

.leftdh ul li a{
	display:block;
	padding-left:20px;
	padding-right:20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee; padding-top:10px; padding-bottom:10px; 
}
.leftdh ul li.nodes>a{background-color:#f5f5f5;}
.leftdh ul li li a{ padding-left:40px; font-size:14px; background-color:#FFFFFF;}
.leftdh ul li a:hover,.leftdh ul li.hover >a,.leftdh ul li.active >a{	background-color:#1651B9;
	color:#ffffff;}
.leftdh ul li.nodes> a:hover,.leftdh ul li.nodes.hover >a,.leftdh ul li.nodes.active >a{	color:#1651B9; background-color:#f5f5f5;}
.leftdh ul li li a:hover,.leftdh ul li li.hover >a,.leftdh ul li li.active >a{color:#1651B9; background-color:#FFFFFF;}
#cms *,#cms1 *{ max-width:100%;}
#cms .picli {
	float:left;
	width:100%;
	clear:both;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
}
#cms .picli .img{ float:left; width:390px; width:320px; max-height:228px; min-height:228px; overflow:hidden;}
#cms .picli .img img{width:100%; max-height:228px; min-height:228px;}
#cms .picli .right{ float:right; width:calc(100% - 350px);}
#cms .picli .right .dp{ font-size:14px; margin-top:15px;}
#cms .picli .right .sort{ font-size:14px; margin-top:15px; line-height:25px;}
#cms .picli .right .sort a{
	border: 1px solid #dddddd; display:inline-block; padding-left:8px; padding-right:8px; color:#666666; font-size:12px; border-radius:3px;
}
#cms .picli .right .ntitle{ position:relative;}
#cms .picli .right .ntitle a{ display:block; margin-right:100px;}
#cms .picli .right  .ntitle .time{ position:absolute; right:0; top:0; font-size:14px;}
#cms .picli:hover .right  .ntitle a{
	color:#1651B9;
}
#cms .picli .right .sort a:hover{ background-color:#1651B9; color:#FFFFFF; border-color:#1651B9;}

#cms .list{
	float:left;
	width:32%;

	margin-bottom:30px;
	margin-left:2%;
	text-align:center;
	box-sizing:border-box;
	padding:10px;
	border: 1px solid #eeeeee;border-radius:3px; box-shadow:0 0 5px rgba(200,200,200,0.8); background-color:#FFFFFF;
}

#cms .list:nth-child(3n+1){ clear:both; margin-left:0;}

#cms .list .img{ overflow:hidden; position:relative;}
#cms .list .img>div{ position:relative;}
#cms .list .ntitle{ font-size:16px; padding-top:10px; padding-bottom:10px;}

.prodh{ position:relative;}
.prodh .img:after{
border-top-style: solid;

 top:0; left:0; 
}
.prodh  .img>div{ position:relative;}
.prodh .img:before{
border-left-style: solid;
 bottom:0; left:0; 
}
.prodh .img>div:after{
border-bottom-style: solid;

	 bottom:0; right:0; 
}
.prodh .img>div:before{
border-right-style: solid;

 top:0; right:0;
}
.prodh .img:after,.prodh .img>div:after,.prodh .img:before,.prodh .img>div:before{-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s;
border-style: solid;
border-width: 2px;
border-color: #1651B9;
/*border-color: #000000;*/
content:''; position:absolute;z-index:1;width:0; height:0;Opacity:0;
}
.prodh:hover .img:after,.prodh:hover .img>div:after{ width:100%;Opacity:1}
.prodh:hover .img:before,.prodh:hover .img>div:before{height:100%;Opacity:1}



#cms1>.title{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; padding-bottom:20px; margin-bottom:40px;
}
#cms1>.title .h1{ font-size:18px; font-weight:normal;}
#cms1>.title .infodp{ padding-top:15px; padding-bottom:15px;}
#cms1>.title .info{ color:#999999; }
#cms1>.title .info i{ margin-right:5px;}
#cms1 .content{ 
color: #666;
word-wrap: break-word;
line-height: 1.8;}
.nextpage{ padding-top:40px; clear:both;}
.nextpage>div{ padding-top:5px; padding-bottom:5px;}


#flash_pro{ position:relative;}
#flash_pro .swiper-button-next::after,#flash_pro .swiper-button-prev::after{ background-color:rgba(0,0,0,0.6); padding-left:5px; padding-right:5px; padding-top:10px; padding-bottom:10px; font-size:30px; color:#FFFFFF; }
.proshow{ clear:both; width:100%; float:left;}
.proshow .img>div,.proshow .img .picli{
	float:left;
	width:435px;
	min-height:435px;
	max-height:435px;
overflow:hidden;display: flex;
    justify-content:center;
    align-items:center;
}
.proshow.tvshow .img{
 min-height:640px; max-height:640px; width:640px;display: flex;
    justify-content:center;
    align-items:center;
}
.proshow.tvshow .img>div{ max-height:640px;}
.proshow .img{	border: 1px solid #dddddd; float:left; padding:2px; overflow:hidden;}
.proshow .img img{ max-height:335px; max-width:100%;}
.proshow .img+ .right{ margin-left:470px; font-size:14px;}
.proshow.tvshow .img+ .right{ margin-left:680px;}
.proshow .img+ .right .t1{
	font-size:20px; color:#333333;
		border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; line-height:1.2; padding-bottom:15px;font-size:18px;
}
.proshow .img+ .right .t1+.t2{ padding-top:10px;}
.proshow .img+ .right .t{ padding-top:10px;}
.proshow .img+ .right .tel{ line-height:40px; padding-top:15px;}
.proshow .img+ .right .tel a,.back a{ background-color:#1651B9; color:#FFFFFF; font-size:14px; display:inline-block; border-radius:5px; padding-left:12px; padding-right:12px;}
.proshow .img+ .right .tel a i{ margin-right:5px;}
.back{ clear:both; text-align:right;line-height:35px; padding-top:15px;}
.nextpagei{ clear:both; padding-top:30px; font-size:14px;}
.nextpagei>div{ width:48%;}
.nextpagei>div>span{
	border: 1px solid #dddddd; padding-left:10px; padding-right:10px; border-radius:25px; padding-top:3px; padding-bottom:3px; margin-right:10px;
}
.ptitleline{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd;	float: left;
	width: 100%;
	margin-top: 30px; margin-bottom:20px;
}
.ptitle{
	float: left;
	width: 100%;
	margin-top: 30px;
	line-height:45px;
	margin-bottom:15px;
	border: 1px solid #dddddd;
}
.ptitle b{
	display:inline-block;
	padding-left:30px;
	padding-right:30px;

	color: #1651B9;
	font-size:18px;
	border-top-width: 3px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #1651B9;
	border-right-color: #dddddd; font-weight:normal;
}
#cms .caseli .right { text-align:left;font-size:14px;}
#cms .caseli .right .ntitle{ font-size:16px;}
#cms .caseli .right .ntitle a{ color:#333333;}
#cms .caseli .right a{ color:#666666;}
#cms .caseli .right .time{ clear:both;}
#cms .caseli .right .time a{ color:#999999;}
#cms .caseli .right .dp{ min-height:4.5em; max-height:4.5em; overflow:hidden; margin-top:15px;}
#cms .caseli .right .more{ margin-top:15px; line-height:28px;}
#cms .caseli .right .more .fl{border: 1px solid #eeeeee; padding-left:10px; padding-right:10px; border-radius:5px; font-size:12px;}
#cms .caseli .right .more .fl:hover{background-color:#1651B9; color:#FFFFFF;}
#cms .caseli .right .more .fr { position:relative; width:50px;
/*	font-size:14px;
  width: 30px;
  height: 28px;
  background: url(vbg01.png) -23px -324px;*/
}


#cms .caseli .right .more .fr:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: -40px;
  top: 0;
  width: 54px;
  height: 16px;
  background: url(line.png)no-repeat center center !important;
  -webkit-transition: all .36s ease;
  transition: all .36s ease;
  opacity: 0;
}

#cms .caseli .right .more .fr:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 28px;
  background: url(vbg01.png) -23px -324px;
  -webkit-transition: all .36s ease;
  transition: all .36s ease;
}
#cms .caseli:hover .right .more .fr:after { left:0;opacity: 1;}
#cms .caseli:hover .right .more .fr:before {left: -40px;opacity:0;}


#cms .caseli,#cms .tvli,.xgpro.xgtv .econtent .picli{border: 1px solid rgba(255,255,255,0); box-shadow:0 0 5px rgba(200,200,200,0);}
#cms .caseli:hover{border-color:#eeeeee;border-radius:3px; box-shadow:0 0 5px rgba(200,200,200,0.8);}

#cms .tvli{float:left;
	width:23%;
	margin-bottom:30px;
	margin-left:1%; margin-right:1%; text-align:left;}
#cms .tvli .img{ height:215px; background-color:#000000;}

#cms .tvli:nth-child(3n+1){margin-left:1%; clear:none}	
#cms .tvli:nth-child(4n+1){ clear:both;margin-left:0; }	
#cms .tvli .dp{ max-height:3em; overflow:hidden; line-height:1.5; display:none;}

@media screen and (max-width :768px){
.proshow .img>div{ min-height:0; width:100%;}
.proshow .img>div{ min-height:30vw;}
.proshow .img{ width:100%; box-sizing:border-box;}
.proshow .img+ .right{ clear:both; margin:auto; float:left; width:100%; margin-top:10px;}
.proshow .img+ .right .t1{ font-size:28px;}

}

.xgpro{ clear:both; margin-top:30px;}
.xgpro .etitle{ text-align:center; font-size:22px; font-weight:bold;}
.xgpro .picli{
	float:left;
	width:23%;

	margin-bottom:30px;
	margin-left:1%; margin-right:1%;
	text-align:center;
	box-sizing:border-box;
	padding:10px;
	border: 1px solid #eeeeee;border-radius:3px; box-shadow:0 0 5px rgba(200,200,200,0.8);
}
.xgpro .econtent{ clear:both; padding-top:30px;}
.xgpro .picli:nth-child(4n+1){ clear:both; margin-left:0;}

.xgpro .picli .img{ overflow:hidden; position:relative;}

.xgpro .picli .ntitle{ font-size:16px; padding-top:10px; padding-bottom:10px; clear:both;}

.xgcase#cms{ clear:both; padding-top:30px; background-color:#f8f8f8; margin-top:50px; float:left; width:100%; padding-bottom:50px; padding-top:50px;}
.xgcase#cms+ #foot{ margin-top:0;}
.xgcase#cms .econtent{ clear:both; padding-top:30px;}
.xgcase#cms .etitle{ text-align:center; font-size:22px; font-weight:bold;}
.xgcase#cms .list{ width:23%; margin-left:1%; margin-right:1%;}

.xgcase#cms .list:nth-child(3n+1){ clear:none; }
.xgpro.xgtv{ margin-top:30px; float:left; width:100%; clear:both;}
.xgpro.xgtv .etitle{ text-align:left;color:#1651B9; font-size:20px;}
.xgpro.xgtv .econtent .picli .ntitle{ text-align:left;}

.xgpro.xgtv .econtent .picli{ width:19%; margin-left:0.5%; margin-right:0.5%; padding:10px;}

.xgpro.xgtv .econtent .picli:nth-child(4n+1){ clear:none; margin-left:0.5%; }
.xgpro.xgtv .econtent .picli:nth-child(5n+1){ clear:borth; margin-left:0; }
.xgpro.xgtv .econtent .picli  .img>div{ height:215px;}
.xgpro.xgtv .econtent .picli:hover{box-shadow:0 0 5px rgba(200,200,200,0.5);}
/*.xgpro.xgtv .econtent .picli:hover .ntitle{color:#1651B9;}*/

.aboutin .title{color: #4B4B4B;
font-size: 18px; font-weight:bold; padding-bottom:15px;}
.aboutin .content{ font-size:15px; color:#333333;}
.aboutin .content p,#cms1 p,.honor .left p{ margin-top:10px; margin-bottom:10px;}
.aboutin .img{ overflow:hidden; max-height:420px;display: flex;
    justify-content:center;
    align-items:center;}
.aboutin *,.honor *{ max-width:100%;}
.honor { padding-top:50px; padding-bottom:50px; float:left; width:100%; clear:both;}
.honor .left{ float:right; width:41.66%;padding-left: 4.2888%;box-sizing:border-box;}
.honor .left .h2{font-size: 130px;
white-space: normal;
color: #f1f1f1;
font-family: Arial;
line-height: 105px; font-weight:bold;}
.honor .left .h1{font-size: 27px; color:#000000; font-weight:bold; padding-top:20px;}
.honor .econtent{ float:left; width:58.33%;}
.honor .econtent .img{ float:left; width:32%; margin-left:2%; margin-bottom:20px; overflow:hidden;}
.honor .econtent .img:nth-child(3n+1){ margin-left:0; clear:both;}
.honor .econtent .img:nth-child(4),.honor .econtent .img:nth-child(5){ width:49%;}
.contact{ background-color:#F8F8F8; padding:40px;}
.contact .left{ float:left; width:45%;}
.contact .left .h1{font-size: 27px; color:#000000; font-weight:bold; }
.contact .left .content{ padding-top:10px;}
.contact .left .content ul{ padding-top:30px; padding-bottom:30px; }
.contact .left .content ul li{ padding-top:8px; padding-bottom:8px;}
.contact .left .content ul li i{ width:30px; line-height:30px; border-radius:100%; margin-right:10px; font-size:18px; text-align:center; color:#FFFFFF; background-color:#1651B9; display:inline-block;}

.honor .right{}

.contact .right{  float:right; width:50%; }
.contact .right .t3{ font-size:16px; font-weight:bold; padding-top:20px;}

.form_frame {
  position: relative;
  font-size: 0;
  margin: 0 -10px;
}

.form_item_wrap {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin-bottom: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: calc(180px + 2.4%);
  vertical-align: bottom;
}
.form_item .title {
  font-weight: 400;
  font-size: 14px;
  color: #666;
  margin-bottom: 12px;
}
.form_frame .form_item .content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.form_item_wrap .select_style {
  position: relative;
}

.form_content .input_style,.form_content .textarea_style {
  background: rgba(204, 204, 204, 0.15);
  border: none;
  
  font-size: 13px;
color: #333;
width: 100%;
border: 0;
padding-left: 14px;
height: 44px;
line-height: 44px;
outline: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: 0 0;
border-radius: 0;
background: rgba(204,204,204,0.15);
}
.form_item_wrap .select_style .arrow {
  position: absolute;
  right: 16px;
  font-size: 22px;
  line-height: 44px;
  color: #666;
  cursor: pointer;
}

.form_item_wrap .item_type_city .select_wrap {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 1.2%;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -moz-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
}
.form_item_wrap .form_item {
  padding: 0 10px;
}

.select_list_wrap {
  position: absolute;
  top: 100%;
  margin-top: 10px;
  width: 100%;
  padding: 8px 6px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #eee;
  -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.1);
  box-shadow: 0 0 8px rgba(0,0,0,0.1);
  border-radius: 2px;
  z-index: 9032;
  left: 0; display:none;

}
.select_list_wrap .select_item {
  font-size: 14px;
  color: #333;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.form_item_wrap .item_type_city {
  margin: 0 -1.2%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.form_frame .form_submit {
  width: 100%;
  max-width: 335px;
  height: 44px;
  line-height: 44px;
  font-size: 16px;
  border: none;
  outline: 0;
  color: #fff;
  cursor: pointer;background-color:#1651B9;
}

.form_frame  .form_item .check_item .check {
  margin: 0;
    margin-right: 0px;
  width: 14px;
  height: 14px;
  margin-right: 5px;
}
.form_frame  .form_item .check_item .check {
  width: 14px;
  height: 14px;
  border: 1px solid #aaa;
  margin-right: 5px;
}
.form_frame  .form_item .check_item .check_txt {
  display: flex;
  align-items: center;
}
.form_frame .form_item .title_text {
  -webkit-background-clip: text;
  padding-right: 10px;
  font-style: normal;
  text-decoration: none;
  font-weight: normal;
  font-family: 微软雅黑;
  font-size: 14px;
  color: rgba(51,51,51,1);
}
.form_frame .form_item .check_item .agree {
  font-size: 13px;
  font-family: 微软雅黑;
  color: rgba(51,153,255, 1);
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}

#privacy_dialog {
  z-index: 10000;
  position: fixed;
  width: 800px; 
  height: 600px;
  background: #fff;
  border: 4px solid rgba(0, 0, 0, .15);
  top: 50%;
  left: 50%;
  margin-top: -300px;
  margin-left: -400px;
  border-radius: 5px;
  box-sizing: border-box;
  display: none;
}
#privacy_dialog .dialog_header {
  width: 100%;
  position: relative;
  padding: 0 10px;
  height: 31px;
  box-sizing: border-box;
  background: #f3f3f3;
}
#privacy_dialog .privacy_content {
  box-sizing: border-box;
  width: 100%;
  height: 503px;
  padding: 10px;
  overflow: auto;
}
#privacy_dialog .privacy_footer {
  width: 100%;
  margin-top: 10px;
}
#privacy_dialog .close_btn {
  margin: 0 auto;
  width: 200px;
  height: 40px;
  background:#1651B9;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
}

#privacy_dialog .privacy_content .font_blod {
  font-weight: bold;
}
#privacy_dialog .privacy_content p {
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 22px;
}

#privacy_dialog .dialog_header .title {
  width: 100%;
  color: #000;
  font-weight: 700;
  line-height: 31px;
  font-size: 14px;
}
#privacy_dialog .dialog_header .close {
  position: absolute;
  width: 31px;
  height: 31px;
  top: 0;
  right: 0;
  text-align: center;
  line-height: 31px;
  font-size: 22px;
  color: #c5c5c5;
  cursor: pointer;
}
.required_icon{ color:red;}
.select_list_wrap .select_list {
  max-height: 320px;
  overflow: auto;
}
.select_list_wrap .select_item:hover{ background-color:#f5f5f5;}


.searchli{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
	padding-top: 15px;
	padding-bottom: 15px;
}
.searchli .title{ padding-bottom:10px; font-size:16px;}
.searchli .title .sort{ margin-right:5px;}
.searchinput{ width:500px; margin:auto; padding-bottom:20px;}
.searchinput input{font-family:"微软雅黑"; font-size:16px;
	height:45px;
	border: 1px solid #dddddd; border-radius:5px 0 0 5px; padding-left:10px; padding-right:10px; box-sizing:border-box; float:left; width:calc(100% - 60px);
}
.searchinput button{font-family:"微软雅黑"; font-size:16px; height:45px; border:none; background-color:#1651B9; color:#FFFFFF; float:left; width:60px; border-radius:0 5px 5px 0;}
.searchinput .res{ color:#999999;}

.pagination{ clear:both; text-align:center; padding-top:20px; line-height:28px;}
.pagination li{
	display:inline-block;
	border: 1px solid #dddddd;
	padding-left:12px;
	padding-right:10px;
	margin: 0px; overflow:hidden;
}

.pagination li+li{
	border-left-style: none;
}
.pagination li:first-child+li{border: 1px solid #dddddd;border-radius:3px 0 0 3px;}
.pagination li:last-child,.pagination li:first-child{border: 1px solid #dddddd;border-radius:3px;}
.pagination li:nth-last-child(2){border-radius:0 3px 3px 0;}
.pagination li.disabled{}
.pagination li.active{ background-color:#1651B9; color:#FFFFFF}

.pagination li a{ color:#000000;}

.gotop{ position:fixed; bottom:50px; right:50px;background-color:#1651B9; width:50px; height:50px; text-align:center; line-height:50px; z-index:9; border-radius:100%; cursor:pointer;}
.gotop i{ font-size:24px; color:#ffffff;}

.contact .left *{ max-width:100%;}
.form_item_wrap { float:left; width:50%;}
.footnav{
	position:fixed;
	z-index:9999;
	left:0;
	width:100%;
	display:table;
	float:left;
	bottom:0;
	background-color:#FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd; display:none;
}
.footnav a{ display:table-cell; color:#666666; text-align:center; padding-top:8px; padding-bottom:8px;}

.footnav a i{ display:block; font-size:22px; line-height:1; color:#888888;}
.footnav a.hover,.footnav a.hover i{ color:#1651B9; }
.footnav a span{ display:block; line-height:1; padding-top:3px; font-size:14px;}
.about+.aboutin{ clear:both; padding-top:50px;}